import styled from 'styled-components'

//  订单
export const OrderStyle = styled.div`

    .order-item{
      margin: 0 .27rem;
      margin-bottom: .13rem;
      /* height: 5.83rem; */
      background-color: white;
      border-radius: .13rem;

        .item-top{
          height: 1rem;
          margin: 0 .39rem;
            .orderno{
              color: #A9A9A9;
              font-weight: bold;
            }
            .order-status{
              color: #FF762E;
            }
        }

        .line{
          background-color: #E6E6E6;
          height: 1px;
        }

        .item-goods{
          height: 3.5rem;
          .item-goods-bottom{
            text-align:right;
            div{
              margin-right: .4rem;
            }
          }
        }
        
        .item-option{
          margin: 0 .4rem;
          height: 1.3rem;
          flex-direction: row-reverse;
          justify-content: stretch;
            .option-button{
              margin-left: .26rem;
              border-radius: .5rem;
              border: solid 1px #474747;
              box-sizing: border-box;
              span{
                padding: .18rem .56rem
              }
            }
        }

    }
`


// 订单详情
export const OrderDetailStyle = styled.div`

    .common-cards{
      background-color: white;
      border-radius: .133rem;
      margin-top: .16rem;
    }

    .orderDetail{
      padding: 0 .32rem;
      color: #474747;
    }

    .detailGoodsStatus{
      height: 1.6266rem;
      text-align: left;
      align-items: flex-start;
      justify-content: center;
      div{
        padding: 0 .42rem;
        .statusText{
          color:#ff762e;
          font-weight: bold;
          font-size: .4rem;
        }
      }
    }



.orderDetailGoods{
  padding: .32rem 0;
}


.orderDetailAddress{
  div{
    align-items: flex-start;
    padding: .2rem .42rem;
    p{
      line-height: .5rem;
    }

    .addressTop{
      display:flex;
      padding-top: .18rem;
      font-weight: bold;
    }
    .addressTop>img{
      padding-right: .27rem;
    }

    .addressInfo{
      padding-top:.03rem;
      font-weight: lighter;
    }
  }
}


.orderDetailAmount{
  /* height: 3.2rem; */
  div{
    display:flex;
    justify-content: space-between;
    p{
      padding: .12rem .4rem;
    }
    .totalPrice{
      font-size: .4rem;
      color: #ff762e;
    }
  }
}

.orderDetailOrderNumber{
  display: flex;
  div{
    display: flex;
    flex-direction: column;
  }
  
  div{
    p{
      padding: .15rem .42rem;
      span{
        padding-left:.42rem;
      }
    }
  }
}
.addressName{
    padding-top:.13rem;
}
.doog{
    padding-top:.15rem;
}

.order-detail-option{
  height: 1.28rem;
  background-color: white;
  bottom: 0;
  width: 100%;
  justify-content: flex-end;
    .gopay{
      margin-right: .69rem;
      width: 2.39rem;
      height: .72rem;
      line-height: 1;
      font-size: .32rem;
      background-color: white;
      border: solid 1px #FF762E;
      color: #FF762E;
      border-radius: .75rem;
      text-align:center;
    }
}
  
`
